body{
    background-color: #75a0cb;
    font-family: Gill Sans, Verdana;
}
#wrapper{
    width: 100%;
    min-width: 780px;
}
#content{
    margin-top: 5px;
    width: 98%;
    height: 90%;
    margin-left: auto;
    margin-right: auto;
    float: left;
}
#taxalist{
    width: 22%;
    height: 450px;
    background-color: #1d1d1d;
    color: #DDD;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    float: left;    
    overflow-x: hidden;
    overflow-y: auto;
}
#taxalist ul, li{
    margin-left: -3%;
    width: 100%;
}
#taxalist .node{
    color: #DDD;
    font-size: 0.7em;
}
#taxalist .node a{
    display:inline;
    min-width: 100px;
    background-color: #1d1d1d;
}
#taxalist .node a:hover{
    background-color: #555;
}
.inline-sub{
    font-size: 0.6em;
}
#tree{
    width: 77%;
    margin-left: 1%;
    float: left;
    height: 450px;
}

#tool_container{
    width: 25%;
    height: 250px;
    background-color: #1d1d1d;
    color: #DDD;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    float: right;
}
#highlight-node{
    width: 25%;
    margin-top: 1%;
    height: 192px;
    background-color: #1d1d1d;
    color: #333;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    float: right;
    font-size: 22;
}

#tree-canvas{
    background-color: #1d1d1d;
    color: #1d1d1d;
    float: left;
}



#notes {
    font-size: 0.7em;
}
